<template>
	<view class="">
		<u-navbar titleStyle="font-size:40rpx;color:#333" :placeholder='true' title="订单详情" :autoBack="true">
		</u-navbar>
		<!-- 加载页 -->
		<u-loading-page loading-text="loading..." v-if='pageLoading' :loading='true' bgColor='#f5f5f5'></u-loading-page>
		<view class="" v-else>
			<!-- 顶部红色框 -->
			<view class="relative">
				<image src="/static/images/mine/Group33222.png" mode="aspectFill" style="height: 278rpx;width: 100%;" class="relative">
				</image>
				<view class="absolute" style="top: 32rpx;left: 32rpx;color: #fff;">
					<view class="" v-if="refund_id">
						<!-- 退货 -->
						<view class="fontS32">
							{{order.status_text}}
						</view>
						<view class="fontS24" style="margin-top: 10rpx;" v-if="order.status!='-1'">
							退款金额：￥{{order.refund_price}}
						</view>
					</view>
					<view v-else> 
					 <view class="fontS32">
					 	{{order.status_text}}
					 </view>
					 <view class="fontS24" v-if='order.status==5'>
						运费复核中...
					 </view>
					 <view class="" v-if='order.status==2'>
					 	还剩{{goods[0].auto_deliver_date}}自动确认
					 </view>
					 <view  v-if='order.status==0'>
						还剩{{order.auto_close_date}}自动关闭
					 </view>
					 <view  v-if='order.status==1'>
					 		已付款等待商家发货
					 </view>
					</view>
				</view>
			</view>
			<view class="paddingLR32 relative" style="margin-top: -100rpx;z-index:1;">
				<view class="">
					<view class="" v-if="refund_id">
						<!-- 地址 -->
						<view class="whiteBox">
							<view class="flexJBC">
								<view>
									<view class="flex">
										<view class="leftdingwei">
											<u-icon name="map-fill" color="#fff" size="12"></u-icon>
										</view>
										<view class="" style="line-height: 50rpx;margin-left: 19rpx;width: 75%;">
											<view class="">
												{{order.user_address}}
											</view>
										</view>
									</view>
									<view class="flex fontS24" style="margin-left: 70rpx;">
										<text class="">{{order.real_name}}</text>
										<text class="co6" style="margin-left: 10rpx;">{{order.user_phone}}</text>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view v-else>
						<!-- 地址 -->
						<!-- v-if="order.status!=2" -->
						<view class="whiteBox" >
							<view class="flexJBC">
								<view>
									<view class="flex" style='align-items: flex-start;'>
										<view class="leftdingwei">
											<u-icon name="map-fill" color="#fff" size="12"></u-icon>
										</view>
										<view class="" style="margin-left: 19rpx;width: 90%;line-height: 50rpx;">
											<view class="">提货仓库：宁波仓</view>
											<view class="">提货公司：海南傲可凡科技有限公司</view>
											<view class="">下单人：{{order.real_name}}  {{order.user_phone}}</view>
											<view class="">提货人：{{order.take_name}}  {{order.take_phone}}</view>
											<!-- {{order.user_address}} -->
											<!-- <text class="">{{order.real_name}}</text>
											<text class="co6" style="margin-left: 10rpx;">{{order.user_phone}}</text> -->
										</view>
									</view>
								</view>
								<u-icon name="arrow-right" color="#666" size="10" v-if="type!=4"></u-icon>
							</view>
						</view>
						<!-- 物流    物流暂时影藏-->
						<!-- <view class="whiteBox" v-else> -->
							<!-- <view class="flexJBC fontS24">
								<view class="">
									{{order.delivery_name}} {{order.delivery_id}}
								</view>
								<view class="flex ">
									<view class="co9" @click="$my.copy(order.delivery_name)">
										复制
									</view>
								</view>
							</view>
							<view class="mt24 relative fontS32">
								<view class="absolute homeRed  flex" style="right: 0;top: 6rpx;"
									@click="goOrderDetail">
									<view class="fontS24">
										物流详情
									</view>
									<u-icon name="arrow-right" size="12" color="#DD2131"></u-icon>
								</view>
								<u-steps current="3" dot direction="column" activeColor='#DD2131'>
									<u-steps-item title="" :desc="express[0].time + ' ' + express[0].context">
									</u-steps-item>
									<u-steps-item title="" :desc="express[1].time + ' '+express[1].context">
										<text class="slot-icon" slot="icon"></text>
									</u-steps-item>
								</u-steps>
							</view> -->
						<!-- </view> -->
					</view>
				</view> 
				<!-- 商品 -->
				<view class="lisbox whiteBox mt24 mb24">
					<view class="" v-if="refund_id">
						<view>
							<view class="flex fontS24" @click="$my.go(goods.store_type==1?`/myPackageA/goodsAndFacton/store?store_id=${goods.store_id}` : `/myPackageA/goodsAndFacton/store?store_id=${goods.store_id}`)">
								<image :src="goods.store_image"  style="margin-right: 8rpx;height: 48rpx;width: 48rpx;" mode="aspectFill" ></image>
								<view class="">
									{{goods.store_name}}
								</view>
							</view>
							<view class="flexJBC" style="margin:24rpx auto 0rpx;align-items: flex-start;" @click="$my.go('/myPackageA/goodsAndFacton/goodsDetails?id='+goods.goods_id)">
								<u-image :src="goods.image" :lazy-load="true" width="80" height="80" radius='10' />
								<view class="fontS24" style="width: 72%;">
									<view class="flexJBC">
										<view class="elipes1 " style="width:80%;">
											{{goods.product_name}}
										</view>
										<view class="co9">
											¥{{goods.product_price}}
										</view>
									</view>
									<view style="margin-top: 10rpx;" class="flexJBC">
										<view class="co6" style="width:80% ;">
											规格参数：{{goods.detail}}
										</view>
										<view class="co9">
											x{{goods.product_num}}
										</view>
									</view>
								</view>
							</view>
							<view class="flex " style="justify-content: flex-end;" v-if="order.status=='-2'">
								<view class="btnClick1" @click.stop="goRefund">
								    申请退款
								</view>
							</view>
						</view>
						<view>
							<view class="flexJBC fontS24 mt24">
								<view>
									实付款
								</view>
								<view class="homeRed fontS36">
									￥{{order.total_price}}
								</view>
							</view>
							<view class="flexJBC mt24">
								<view class="">
									订单编号
								</view>
								<view class="flex">
									<view class="co9">
										{{order.refund_sn}}
									</view>
									<view style="margin: 0 5rpx;" class="co9">
										|
									</view>
									<view class="" @click="$my.copy(order.refund_sn)">
										复制
									</view>
								</view>
							</view>
							<view class="flexJBC mt24">
								<view class="">
									交易方式
								</view>
								<view class='co9'>
									{{order.pay_type_text}}
								</view>
							</view>
							<view class="flexJBC mt24 ">
								<view class="">
									申请时间
								</view>
								<view class="co9">
									{{order.create_time}}
								</view>
							</view>
							<view class="flexJBC mt24 ">
								<view class="">
									退款成功
								</view>
								<view class="co9" v-if="">
									{{order.refund_time}}
								</view>
							</view>
						</view>
						
					
					</view>
					<view class="" v-else>
						<view class="" v-for="(item,index) in goods" :key="item.order_id">
								<view class="flex fontS24" @click="$my.go(item.store_type==1?`/myPackageA/goodsAndFacton/store?store_id=${item.store_id}` : `/myPackageA/goodsAndFacton/store?store_id=${item.store_id}`)">
									<u-image :src="item.store_image" height="48rpx" radius="50%" width="48rpx"
										style="margin-right: 8rpx;"></u-image>
									<view class="">
										{{item.store_name}}
									</view>
								</view>
								<view v-for="(itemm,indexx) in item.goods" :key="indexx" @click="$my.go('/myPackageA/goodsAndFacton/goodsDetails?id='+itemm.goods_id)">
								<view class="flexJBC" style="margin:24rpx auto 28rpx;align-items: flex-start;">
									<image :src="itemm.image" :lazy-load="true"   style="width: 160rpx;height: 160rpx;border-radius: 20rpx;"/>
									<view class="fontS24" style="width: 72%;">
										<view class="flexJBC">
											<view class="elipes1 " style="width:80%;">
												{{itemm.product_name}}
											</view>
											<view class="co9">
												¥{{itemm.product_price}}
											</view>
										</view>
										<view style="margin-top: 10rpx;" class="flexJBC co9 fontS24">
											<view class="" style="width:80% ;">
												规格参数：{{itemm.detail}}
											</view>
											<view class="">
												x{{itemm.product_num}}
											</view>
										</view>
										<view style="margin-top: 10rpx;" class="flexJBC co9 fontS24">
											<view class="" style="width:80% ;">
												{{itemm.warehouse_type_text}}
											</view>
											<view class="">
												￥{{itemm.total_price}}
											</view>
										</view>
									</view>
								</view>
								<!-- <view class="flex mb24" style="justify-content: flex-end" v-if=" order.status==1 || order.status==2">
									<view class="btnClick1" @click.stop="goRefund(index,itemm)">
										申请退款
									</view>
								</view> -->
							</view>
							
						</view>
						<view v-if="order.status==0 || order.status==1 || order.status==5 || order.status==2">
							<view class="flexJBC fontS24">
								<view class="co9">
									商品总价
								</view>
								<view class="">
									￥{{(order.real_price-order.real_postage-order.coupon_price).toFixed(2)}}
								</view>
							</view>
							<view class="flexJBC fontS24" style="margin: 12rpx 0;">
								<view class="co9">
									{{order.status==5?'预估运费':'运费'}}
								</view>
								<view class="">
									￥{{order.real_postage}}
								</view>
							</view>
							<view class="flexJBC fontS24" style="margin: 12rpx 0;">
								<view class="co9">
									优惠
								</view>
								<view class="">
									￥{{order.coupon_price?order.coupon_price:'0.00'}}
								</view>
							</view>
							<view class="flexJBC fontS24">
								<view class="co9">
									{{order.status=='0'?'需付款':order.status=='5'?'预计需付款':'实付款'}}
								</view>
								<view class="homeRed fontS30">
									<text class='fontS24'>￥</text>
									{{order.real_price}}
								</view>
							</view>
						</view>
						<view v-else>
							<view class="flexJBC fontS24">
								<view>
									实付款
								</view>
								<view class="homeRed fontS36">
									￥{{order.real_price}}
								</view>
							</view>
							<view class="flexJBC mt24">
								<view class="">
									订单编号
								</view>
								<view class="flex">
									<view class="co9">
										{{order.sn}}
									</view>
									<view style="margin: 0 5rpx;" class="co9">
										|
									</view>
									<view class="" @click="$my.copy(order.sn)">
										复制
									</view>
								</view>
							</view>
							<view class="flexJBC mt24">
								<view class="">
									交易方式
								</view>
								<view class='co9'>
									{{order.pay_type_text}}
								</view>
							</view>
							<view class="flexJBC mt24 ">
								<view class="">
									创建时间
								</view>
								<view class="co9">
									{{order.create_time}}
								</view>
							</view>
							<view class="flexJBC mt24 " v-if='order.pay_time'>
								<view class="">
									下单时间
								</view>
								<view class="co9">
									{{order.pay_time}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<!-- 底部订单信息 -->
				<view>
					<view class="" v-if="refund_id">
						<view class="whiteBox fontS24" v-if="order.status!='-1'">
							<view class="">
								{{order.status==0?'退款原因：':order.status==1?'商家收货信息：':order.status=='-2'?'商家拒绝原因：':order.status==3?'商家收货信息：':order.status==2?'商家收货信息：':''}}
							</view>
							<view class="" style="margin-top: 20rpx;">
								<view class="" v-if="order.status==0 || order.status=='-2' ">
									{{order.status==0?order.refund_message:order.status=='-2'?order.fail_message:''}}
								</view>
								<view class="" v-if="order.status==1 || order.status==3 || order.status==2">
									<view class="">
										{{order.mer_delivery_address}}
									</view>
									<view class="flex">
										<view class="">
											{{order.mer_delivery_user}}:
										</view>
										<view class="co9">
											{{order.mer_delivery_phone}}
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="" v-else>
						<view class="whiteBox fontS24" v-if="order.status==0 || order.status==1 || order.status==5 || order.status==2">
							<view class="flexJBC">
								<view class="">
									订单编号
								</view>
								<view class="flex">
									<view class="co9">
										{{order.sn}}
									</view>
									<view style="margin: 0 5rpx;" class="co9">
										|
									</view>
									<view class="" @click="$my.copy(order.sn)">
										复制
									</view>
								</view>
							</view>
							<view class="flexJBC mt24" v-if="order.status==1 || order.status==2">
								<view class="">
									交易方式
								</view>
								<view>
									{{order.pay_type_text}}
								</view>
							</view>
							<view class="flexJBC mt24">
								<view class="">
									创建时间
								</view>
								<view>
									{{order.create_time}}
								</view>
							</view>
							<view class="flexJBC mt24" v-if="order.status==1 || order.status==2">
								<view class="">
									下单时间
								</view>
								<view>
									{{order.pay_time}}
								</view>
							</view>
						</view>
					</view>

				</view>
				<view class="bottomBox"></view>

			</view>
			<!-- 底部按钮 -->
			<view class="bottomBtn">
				<view class="flexJBC" v-if="refund_id">
					<!-- 状态 0:待审核 -1:审核未通过 1:待退货 2:待收货 3:已退款',  refund_type==1 退款 2是退货-->
					<view class="co9" @click="delRefundOrder">
						删除订单
					</view>
					<view class="btnClick1" @click="cancelRefund" v-if="order.status=='0'">
						取消退款
					</view>
					<view class="flex" v-if="order.status=='1'">
						<!-- <view class="btnClick1" @click="goOrderDetail" style="margin-right: 24rpx;">
							查看物流
						</view> -->
						<view class="btnClick1" @click="$my.go('/pages/my/order/fillRefundInfo?refund_id='+order.id)" >
							填写退货信息
						</view>
					</view>
				</view>
				<view class="flexJBC" v-else>
					<view class="co9">
						<view v-if="order.status==0 || order.status==5 " @click="showcale=true">
							取消订单
						</view>
						<view class="relative"  v-if="order.status==4 || order.status==3 || order.status=='-3'">
							<view class="" @click="showMore=!showMore">
								更多
							</view>
							<view class="box absolute" v-if="showMore" style="top:-130rpx;width:180rpx;background-color: #fff;left: -40rpx;padding: 15rpx 24rpx;color: #000;border: 1rpx solid #eee;">
								<view class="" @click="delOrder">
									删除订单
								</view>
								<view class="" style='margin-top: 20rpx;' @click="$my.go('/pages/my/ticket/listGoodsInput?id='+ goods[0].sub_order_id )">
									申请商品清单
								</view>
							</view>
						</view>
					  <!--  <view @click="goRefund" v-if="order.status==1 || order.status==2">
							申请退款
						</view> --> 
					</view>
					<!-- 0：待支付 -->
					<view class="flex" v-if="order.status==0">
						<!-- <view class="btnClick1" @click="editAddress">
							修改地址
						</view> -->
						<view class="btnClick1 borderred homeRed" style="margin-left: 24rpx;" @click="goPay">
							立即付款
						</view>
					</view>
					<!-- 1：待发货 -->
					<view class="flex" v-if="order.status==1">
						<view class="btnClick1  ">
							催发货
						</view>
						<!-- <view class="btnClick1" style="margin-left: 24rpx;" @click="editAddress">
							修改地址
						</view> -->
					</view>
					<!-- 2：待收货 -->
					<view class="flex" v-if="order.status==2">
						<!-- <view class="btnClick1" @click="goOrderDetail">
							查看物流
						</view> -->
						<view class="btnClick1  borderred homeRed" style="margin-left: 24rpx;" @click="delivery">
							确认收货
						</view>
					</view>
					<!-- 3：待评价 -->
					<view class="flex" v-if="order.status==3">
						<!-- <view class="btnClick1" @click="goOrderDetail">
							查看物流
						</view> -->
						<view class="btnClick1  borderred homeRed" style="margin-left: 24rpx;" @click="goComment">
							待评价
						</view>
					</view>
					<!-- 4：已完成 -->
					<view class="flex" v-if="order.status==4">
						<!-- <view class="btnClick1" @click="goOrderDetail">
							查看物流
						</view> -->
						<view class="btnClick1" style="margin-left: 24rpx;" @click="addCart">
							加入购物车
						</view>
					</view>
					<!-- -1:取消订单  -2:超时未付-->
					<view class="flex" v-if="order.status=='-1' || order.status=='-2' ">
						<view class="btnClick1" @click="delOrder">
							删除订单
						</view>
						<view class="btnClick1" style="margin-left: 24rpx;" @click="addCart">
							加入购物车
						</view>
					</view>
					<!-- -3：已退款 -->
					<view class="flex" v-if="order.status=='-3'">
						<!-- <view class="btnClick1"
							@click="goOrderDetail">
							查看物流
						</view> -->
						<view class="btnClick1" style="margin-left: 24rpx;" @click="addCart">
							加入购物车
						</view>
					</view>
				</view>
			
			</view>
		</view>
		<!-- 取消订单弹窗-->
		<u-popup :show="showcale" mode="bottom" :round="10" @close="showcale=false">
			<view class="padding32 whitboxModel">
				<view class="center  fontS36">
					请选择取消原因
				</view>
				<view class="flex flexRowCenter mb24">
					<view class="center tips co9 fontS24">
						取消后无法恢复，优惠券，红包可退回，有效期内使用
					</view>
				</view>
				<u-radio-group activeColor='#DD2131' v-model="checkboxValue1" placement="column" iconPlacement="right">
					<u-radio labelSize='16px' shape='square' labelColor='#333' :customStyle="{marginBottom: '8px'}"
						v-for="(item, index) in checkboxList1" :key="index" :label="item.title" :name="item.id"
						style="margin-bottom: 40rpx;">
					</u-radio>
				</u-radio-group>
				<view class="flex flexRowCenter">
					<view class="btnClick1" style="background-color: #FFC047;color: #fff;border-color: #FFC047;"
						@click="showcale=false">
						暂不取消
					</view>
					<view class="btnClick1 borderred bgcred" style="margin-left: 90rpx;color: #fff;"
						@click="orderCancel">
						确定取消
					</view>
				</view>
			</view>
		</u-popup>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				showMore:false,//显示更多
				refund_id:undefined, //表明当前是退货状态的详情
				pageLoading: true,
				order: {}, //订单信息
				express: [], //物流信息
				goods: [], //商品信息
				checkboxValue1: '',
				// 基本案列数据
				checkboxList1: [{
						name: '价格有点贵',
						disabled: false
					},
					{
						name: '规格/款式/数量拍错',
						disabled: false
					},
					{
						name: '暂时不需要了',
						disabled: false
					},
					{
						name: '余额不足',
						disabled: false
					},
					{
						name: '其他',
						disabled: false
					},
				],
				showcale: false, //取消订单弹窗
				type: 1, //1是待支付  2是代发货  3代收货  4待评价和交易成功  5退款和售后   6交易关闭（超时未关闭） 
			}
		},
		methods: {
			// 去详情
			goOrderDetail(){
				this.$my.go('/pages/my/order/logisticsDetail?express='+JSON.stringify(this.express)+'&order='+JSON.stringify(this.order))
			},
			// 申请退款
			goRefund(index,itemm){
				// 重新申请
				if(this.refund_id){
					this.$my.go('/pages/my/order/refund/refund?store='+JSON.stringify(this.goods) +'&refund_id='+this.refund_id)
				}else{
					
					let data=[JSON.parse(JSON.stringify(this.goods[index]))]
					console.log(data)
					data[0].goods=[]
				     
					data[0].goods.push(itemm)
					console.log(itemm,data)
					this.$my.go('/pages/my/order/refund/refund?store='+JSON.stringify(data))
				}
				// $my.go('/pages/my/order/refund/refund')
			},
			// 取消退款订单
			cancelRefund() {
				let _this = this
				uni.showModal({
					title: "",
					content: "确定要取消订单吗？",
					cancelText: '取消', // 取消按钮的文字   
					confirmText: '确认', // 确认按钮的文字   
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: '取消中'
							})
							_this.$my.post('/index/refund/order/cancel', {
								refund_id:_this.refund_id
							}).then(res => {
								uni.hideLoading()
								_this.$my.toast(res.message)
								if (res.code == 200) {
								   _this.$my.go('',500)
								}
							})
						}
					}
				})
			},
			// 删除退款订单
			delRefundOrder(){
				let _this = this
				uni.showModal({
					title: "",
					content: "确定要删除吗",
					cancelText: '取消', // 取消按钮的文字   
					confirmText: '确认', // 确认按钮的文字   
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: '删除中'
							})
							_this.$my.post('/index/refund/order/delete', {
								refund_id:this.order.id
							}).then(res => {
								uni.hideLoading()
								_this.$my.toast(res.message)
								if (res.code == 200) {
									_this.$my.go('',500)
								}
							})
						}
					}
				})
			},
			// 申请退款
			// goRefund() {
			// 	this.$my.go('/pages/my/order/refund/refund?store='+JSON.stringify(this.goods) +'&refund_id='+this.refund_id)
			// },
			// 确认收货
			delivery() {
				let _this = this
				uni.showModal({
					title: "",
					content: "确定收货吗？",
					cancelText: '取消', // 取消按钮的文字   
					confirmText: '确认', // 确认按钮的文字   
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: '确定收货中'
							})
							let sub_order_id = [];
							_this.goods.forEach(item2 => {
								sub_order_id.push(item2.sub_order_id)
							})
							_this.$my.post('/index/user_order/delivery', {
								order_id: _this.order.order_id,
								sub_order_id,
							}).then(res => {
								uni.hideLoading()
								_this.$my.toast(res.message)
								if (res.code == 200) {
									_this.page = 1;
									_this.list = [];
									_this.getList()
								}
							})
						}
					}
				})
			},
			// 去支付
			goPay() {
				let totalPrice=this.order.real_price;
				let data={
					sn:this.order.sn
				}
				this.$my.go('/myPackageA/goodsAndFacton/pay/pay?data='+JSON.stringify(data)+'&totalPrice='+totalPrice)
			
			},
			// 删除订单
			delOrder() {
				let _this = this
				uni.showModal({
					title: "",   
					content: "确定要删除订单吗？",
					cancelText: '取消', // 取消按钮的文字   
					confirmText: '确认', // 确认按钮的文字   
					success: function(res) {
						if (res.confirm) {
							uni.showLoading({
								title: '删除中'
							})
							let sub_order_id = [];
							_this.goods.forEach(item1 => {
								sub_order_id.push(item1.sub_order_id)
							})
							_this.$my.post('/index/user_order/del', {
								order_id: _this.order.order_id,
								sub_order_id,
							}).then(res => {
								uni.hideLoading()
								_this.$my.toast(res.message)
								if (res.code == 200) {
									_this.$my.go('', 500)
								}
							})
						}
					}
				})
			},
			//取消订单
			orderCancel() {
				if (this.checkboxValue1) {
					this.$my.post('/index/user_order/cancel', {
						order_id: this.order.order_id,
						cancel: this.checkboxValue1
					}).then(res => {
						this.$my.toast(res.message)
						if (res.code == 200) {
							this.$my.go('', 500)
						}
					})
				} else {
					this.$my.toast('请选择取消原因')
				}
			},
			// 去评价
			goComment() {
				let sub_order_id = [];
				this.goods.forEach(item1 => {
					sub_order_id.push(item1.sub_order_id)
				})
				this.$my.go('/pages/my/more/evaluation/comment?sub_order_id=' + sub_order_id)
			},
			// 修改地址
			editAddress() {
				this.$my.toast('请联系商家')
			},
			// 加入购物车
			addCart() {
				let id = [];
				this.goods.forEach(item => {
					id.push(item.sub_order_id)
				}) 
				this.$my.post('/index/user_order/add_cart', {
					order_id: this.order.order_id,
					sub_order_id: id
				}).then(res => {
					this.$my.toast(res.message)
				})
			},

		},
		onLoad(option) {
			if ((option.refund_id || option.refund_id == 0) && option) {
				this.refund_id = option.refund_id
				// 退货详情
				this.$my.post('/index/refund/order/details', {
					refund_id: option.refund_id,
				}).then(res => {
					if (res.code == 200) {
						this.pageLoading = false;
						this.order = res.data
						this.express = res.data.express
						this.goods = res.data.goods
						console.log(this.order, '88')
						// this.order.status = '-2'
					}
				})

			} else {
				// 其他状态的详情
				this.$my.post('/index/user_order/details', {
					order_id: option.order_id,
					sub_order_id: option.sub_order_id
				}).then(res => {
					if (res.code == 200) {
						this.pageLoading = false;
						this.order = res.data.order

						this.express = res.data.express
						this.goods = res.data.list
					}
				})
			}

			this.$my.post('/index/com/getProductReason', {
				type: 0
			}).then(res => {
				if (res.code == 200) {
					this.checkboxList1 = res.data
				}
			})
		},
	}
</script>

<style lang="scss" scoped>
	.tips {
		background-color: #f5f5f5;
		border-radius: 8rpx;
		padding: 6rpx 10rpx;
		margin-top: 10rpx;
		margin-bottom: 24rpx;
	}

	.whitboxModel {
		padding: 32rpx;
		box-sizing: border-box;
	}

	.slot-icon {
		width: 16rpx;
		height: 16rpx;
		border-radius: 50%;
		border: 2rpx solid $red;
	}

	/deep/ .u-text__value--content {
		font-size: 28rpx !important;
		color: $red;
		font-weight: 700 !important;
	}

	// /deep/ .u-text__value--content:nth-of-type(2){
	// 	color: #333 !important;
	// }
	/deep/ .u-text__value--tips {
		font-size: 20rpx !important;
		color: #666 !important;
	}

	.bottomBtn {
		position: fixed;
		z-index: 99;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		height: 112rpx;
		// lighting-color: 112rpx;
		padding: 0 60rpx;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.bottomBox {
		padding: 100rpx 88rpx;

	}

	.whiteBox {}

	.leftdingwei {
		width: 48rpx;
		height: 48rpx;
		border-radius: 50%;
		background-color: $red;
		display: flex;
		justify-content: center;
		align-items: center;
	}
</style>
